﻿@using NB.MGJ.Common.Cache
@model NB.MGJ.Common.Utility.LogOnUserModel
@using NB.MGJ.Common.Helper;
@using NB.MGJ.Common.Utility;
@{
    var _logonUser = SessionHelper.LogOnUser<LogOnUserModel>();
}

<style>
    .tab-pane.animation-fade .link-con {
        padding: 0 10px 10px 10px;
        color: rgba(163, 175, 183, .9);
        position: fixed;
        bottom: 0;
        background: #2d313d;
        width: 220px;
        font-size: 10px;
        z-index: 99;
    }

        .tab-pane.animation-fade .link-con a {
            color: rgba(163, 175, 183, .9);
        }

        .tab-pane.animation-fade .link-con p {
            margin-bottom: 1px;
        }


    .link-con .link-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
        border-bottom: 1px solid #414551;
    }

        .link-con .link-top > img {
            width: 65px;
            height: 65px;
            border-radius: 50%;
        }

        .link-con .link-top a img {
            width: 30px;
            height: 30px;
            /*border-radius:50%;*/
        }

    .link-con .link-middle {
        padding: 5px 0;
        border-bottom: 1px solid #414551;
        text-align: center;
    }
     .link-con .link-middle a img{
        width: 30px;
        height: 30px;
    }

    .link-con .link-bottom {
        padding-top: 5px;
    }

    .link-con .ShowWXCode {
        position: absolute;
        left: 101%;
        height: 160px;
        top: 0;
        width: 110px;
        display: none;
    }

        .link-con .ShowWXCode img {
            width: 100%;
        }

    .ShowCompanyInfo {
        display: none !important;
    }

    #fixedphone {
        animation: spin 2.4s;
        animation-iteration-count: infinite;
    }
    /* 动画 */
    @@keyframes spin {
        0% {
            transform: scale(1.1);
        }

        50% {
            transform: scale(0.9);
        }

     
         100% {
            transform: scale(1.1);
        }
    }
</style>

<nav class="site-menubar site-menubar-dark">
    <div class="site-menubar-body" style="height:auto">
        <div class="tab-content height-full" id="admui-navTabs">
            <div class="tab-pane animation-fade height-full active" id="admui-navTabsItem-1" role="tabpanel">

                <ul class="site-menu" id="menu">
                    @*<li class="site-menu-category">
                            <span style=" font-size: 14px; font-weight:bold; color:#d2dfe1;">Code Manager+</span>
                        </li>*@
                    @foreach (var item in Html.GetUserMenuList())
                    {
                        <li class="site-menu-item has-sub first">
                            <a href="javascript:;">
                                <i class="@item.icon"></i>
                                <span class="site-menu-title">@item.menuname</span><span class="glyphicon glyphicon-menu-right"></span>
                            </a>

                            <ul class="site-menu-sub">
                                @foreach (var item2 in item.menus)
                                {
                                    <li class="site-menu-item" onclick="$.MGJ.Common.loadurl(this, '@Url.Action(item2.actionname, item2.controller)','@item.isupd','@item.isdel','@item.isadd')">
                                        <a>
                                            <span class="site-menu-title">@item2.menuname</span>
                                        </a>
                                    </li>
                                }
                            </ul>
                        </li>
                    }
                </ul>


                <div class="link-con">

                    <div class="link-top">
                        <img src="https://shnbbucket.oss-cn-beijing.aliyuncs.com/20180208111400.jpg" alt="Alternate Text" />
                        @*<img src="https://shnbbucket.oss-cn-beijing.aliyuncs.com/20180207130919.jpg" alt="Alternate Text" />*@
                        <div>
                            <p class="text-right font-size-14" style="padding:5px 0">在线客服顾问</p>
                            <p style="margin-top:-10px">
                                @*<img src="~/Content/webImgs/shared/dianhua.png" />*@
                                <span class="iconfont icon-dianhua" style="font-size:26px"></span>
                                <span style="font-size:14px">4006-12315-3</span>
                            </p>
                        </div>
                    </div>

                    <div class="link-middle">
                        <a title="客服一" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=2355780740&site=qq&menu=yes">
                            <img  src="~/Content/webImgs/shared/outline.svg" alt="qq链接" />
                        </a>
                        <a title="客服二" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=2355881161&site=qq&menu=yes">
                            <img id="fixedphone" style="margin-left:25px;" src="~/Content/webImgs/shared/online.svg" alt="qq链接" />
                        </a>
                        <a title="客服三" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=2355881160&site=qq&menu=yes">
                            <img style="margin-left:25px;" src="~/Content/webImgs/shared/outline.svg" alt="qq链接" />
                        </a>
                    </div>

                    <div class="link-bottom">
                        <span onmouseout="$('#ShowWXCode').hide()" onmouseover="changeIMG(this)" imgurl="/Content/webImgs/shared/ewm1.jpg" class="btn" style="background: #444853; color: #b8bbbd;border:none;">微信公众号</span>
                        <span onmouseout="$('#ShowWXCode').hide()" onmouseover="changeIMG(this)" imgurl="https://shnbbucket.oss-cn-beijing.aliyuncs.com/20180209095707.jpg" class="btn" style="background: #444853; color: #b8bbbd;border:none;margin-left: 8px;">微信小程序</span>
                    </div>
                    <div class="ShowWXCode" id="ShowWXCode">
                        <img id="wxImg" style="border-radius:4px;">
                        <div style="text-align:center;background:#50AE55;color:white;margin-top:3px;padding:4px 0">
                            <p>扫描二维码</p>
                            <p id="wxWords">进入微信小程序</p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</nav>
<script>
    function changeIMG(ele) {
        $('#ShowWXCode').show();
        var url = $(ele).attr('imgurl');
        var words = $(ele).text();

        $('#wxImg').attr('src', url).next().find('#wxWords').text('进入' + words);
    }
</script>









@*<nav class="site-menubar site-menubar-dark">
        <div class="site-menubar-body">
            <div class="tab-content height-full" id="admui-navTabs">
                <div class="tab-pane animation-fade height-full active" id="admui-navTabsItem-1" role="tabpanel">
                    <div>
                        <ul class="site-menu" id="menu">
                            <li class="site-menu-category">
                                <span style=" font-size: 14px; font-weight:bold; color:#d2dfe1;">Code Manager+</span>
                            </li>
                            <li class="site-menu-item has-sub first">
                                <a href="javascript:;">
                                    <i class="site-menu-icon glyphicon glyphicon-cog"></i>
                                    <span class="site-menu-title">系统设置</span><span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <!-- 四级菜单 -->
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("OrganizationalManage", "Manager")')">
                                        <a>
                                            <span class="site-menu-title">机构管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("UserManager", "Manager")')">
                                        <a>
                                            <span class="site-menu-title">用户管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("RoleManage", "Manager")')">
                                        <a>
                                            <span class="site-menu-title">角色管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("MenuManage", "Manager")')">
                                        <a>
                                            <span class="site-menu-title">菜单管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("PrivilegeManage", "Manager")')">
                                        <a>
                                            <span class="site-menu-title">权限管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("LogManage", "Manager")')">
                                        <a>
                                            <span class="site-menu-title">日志管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item ">
                                        <a href="javascript:;" onclick="$.MGJ.Common.loadurl(this, '@Url.Action("Test", "Manager")')">
                                            <span class="site-menu-title">两栏式布局</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class="site-menu-item has-sub first">
                                <a href="javascript:;">
                                    <i class="site-menu-icon glyphicon glyphicon-lock"></i>
                                    <span class="site-menu-title">码管理</span><span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <!-- 四级菜单 -->
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("RawCode", "CodeManage")')">
                                        <a>
                                            <span class="site-menu-title">生码管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("LeadCode", "CodeManage")')">
                                        <a>
                                            <span class="site-menu-title">导码管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("CodeBatch", "CodeManage")')">
                                        <a>
                                            <span class="site-menu-title">生码批次</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("MutualCheck", "CodeManage")')">
                                        <a>
                                            <span class="site-menu-title">互查识别</span>
                                        </a>
                                    </li>
                                    <!-- 四级菜单 -->
                                </ul>
                            </li>
                            <li class="site-menu-item has-sub first">
                                <a href="javascript:;">
                                    <i class="site-menu-icon glyphicon glyphicon-folder-open"></i>
                                    <span class="site-menu-title">产品管理</span><span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <!-- 四级菜单 -->
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("ProductType", "Product")')">
                                        <a>
                                            <span class="site-menu-title">产品分类</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("ProductList", "Product")')">
                                        <a>
                                            <span class="site-menu-title">产品列表</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("ProductBatch", "Product")')">
                                        <a>
                                            <span class="site-menu-title">产品批次</span>
                                        </a>
                                    </li>
                                    <!-- 四级菜单 -->
                                </ul>
                            </li>
                            <li class="site-menu-item has-sub first">
                                <a href="javascript:;">
                                    <i class="site-menu-icon glyphicon glyphicon-search"></i>
                                    <span class="site-menu-title">防伪管理</span><span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <!-- 四级菜单 -->
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("QueryStatistics", "AntiFake")')">
                                        <a>
                                            <span class="site-menu-title">查询统计</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("QueryCatch", "AntiFake")')">
                                        <a>
                                            <span class="site-menu-title">异常查询统计</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("AppraiseList", "AntiFake")')">
                                        <a>
                                            <span class="site-menu-title">评价记录</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("ReplyPseudoCode", "AntiFake")')">
                                        <a>
                                            <span class="site-menu-title">假码查询回复设置</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("AntiFakeVerify", "AntiFake")')">
                                        <a>
                                            <span class="site-menu-title">防伪验证</span>
                                        </a>
                                    </li>
                                    <!-- 四级菜单 -->
                                </ul>
                            </li>

                            <li class="site-menu-item has-sub first">
                                <a href="javascript:;">
                                    <i class="site-menu-icon glyphicon glyphicon-map-marker"></i>
                                    <span class="site-menu-title">溯源管理</span><span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <!-- 四级菜单 -->
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("TraceSourceBank", "TraceSource")')">
                                        <a>
                                            <span class="site-menu-title">溯源节点版本库</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("TraceSourceSerch", "TraceSource")')">
                                        <a>
                                            <span class="site-menu-title">查询记录</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("FodderBank", "TraceSource")')">
                                        <a>
                                            <span class="site-menu-title">素材库管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("ExperienceCenter", "TraceSource")')">
                                        <a>
                                            <span class="site-menu-title">体验中心</span>
                                        </a>
                                    </li>
                                    <!-- 四级菜单 -->
                                </ul>
                            </li>
                            <li class="site-menu-item has-sub first">
                                <a href="javascript:;">
                                    <i class="site-menu-icon glyphicon glyphicon-gift"></i>
                                    <span class="site-menu-title">营销活动</span><span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <!-- 四级菜单 -->
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("CreateActivities", "Market")')">
                                        <a>
                                            <span class="site-menu-title">活动创建</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("JackpotManage", "Market")')">
                                        <a>
                                            <span class="site-menu-title">奖池管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("ActivitiesManage", "Market")')">
                                        <a>
                                            <span class="site-menu-title">活动管理</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("PromotionManage", "Market")')">
                                        <a>
                                            <span class="site-menu-title">促销页面管理</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item has-sub first">
                                <a href="javascript:;">
                                    <i class="site-menu-icon glyphicon glyphicon-send"></i>
                                    <span class="site-menu-title">窜货管理</span><span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <!-- 四级菜单 -->
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("ReturnProduct", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">产品退货</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this, '@Url.Action("PackBox", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">装箱</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("ProductStorage", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">产品入库</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("OutBank", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">产品出库</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("ProductAllot", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">产品调拨</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("AdjustCargo", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">产品调货</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("TransientState", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">处理状态</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("FleeGoodsVerify", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">窜货验证</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("FullContainerLoad", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">列出整箱</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item " onclick="$.MGJ.Common.loadurl(this,'@Url.Action("SingleStandard", "FleeGoods")')">
                                        <a>
                                            <span class="site-menu-title">分离单标</span>
                                        </a>
                                    </li>
                                    <!-- 四级菜单 -->
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>*@